<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!--/18jiben2/-->
<base th:href="${#request.getContextPath()}+'/'">

<link rel="stylesheet" th:href="@{/js/antdesign/antd.min.css}">

<!--vue框架-->
<script th:src="@{/js/vue/vue.min.js}"></script>
<script th:src="@{/js/vue/qs.js}"></script>
<script th:src="@{/js/vue/axios.min.js}"></script>
<script th:src="@{/js/antdesign/antd.min.js}"></script>

<!--导入ace-->
<link rel="stylesheet" th:href="@{/js/ace/assets/css/bootstrap.min.css}"/>
<link rel="stylesheet" th:href="@{/js/ace/assets/font-awesome/4.5.0/css/font-awesome.min.css}" />
<link rel="stylesheet" th:href="@{/js/ace/assets/css/fonts.googleapis.com.css}" />
<link rel="stylesheet" th:href="@{/js/ace/assets/css/ace.min.css}" class="ace-main-stylesheet" id="main-ace-style" />
<link rel="stylesheet" th:href="@{/js/ace/assets/css/ace-skins.min.css}" />
<link rel="stylesheet" th:href="@{/js/ace/assets/css/ace-rtl.min.css}" />

<!--将bootstrap的css放在最下面会保留原来bootstrap的样式，否则会被ace冲掉，比如按钮样式-->


<script th:src="@{/js/ace/assets/js/ace-extra.min.js}"></script>
<script th:src="@{/js/ace/assets/js/jquery-2.1.4.min.js}"></script>
<script th:src="@{/js/ace/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/js/ace/assets/js/ace-elements.min.js}"></script>
<script th:src="@{/js/ace/assets/js/ace.min.js}"></script>
<!--dataTable插件-->
<script th:src="@{/js/ace/assets/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/js/ace/assets/js/jquery.dataTables.bootstrap.min.js}"></script>
<script th:src="@{/js/ace/assets/js/dataTables.buttons.min.js}"></script>
<script th:src="@{/js/ace/assets/js/buttons.flash.min.js}"></script>
<script th:src="@{/js/ace/assets/js/buttons.html5.min.js}"></script>
<script th:src="@{/js/ace/assets/js/buttons.print.min.js}"></script>
<script th:src="@{/js/ace/assets/js/buttons.colVis.min.js}"></script>
<script th:src="@{/js/ace/assets/js/dataTables.select.min.js}"></script>
<!--导入ace结束 -->


<link rel="stylesheet" th:href="@{/js/opcenic/css/open-iconic-bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/js/bootstrap/validator/css/bootstrapValidator.min.css}">

<script th:src="@{/js/bootstrap/validator/js/bootstrapValidator.min.js}"></script>
<!--中文化-->
<script th:src="@{/js/bootstrap/validator/js/language/zh_CN.js}"></script>

<style>
  /*
  使用bootstrap4.x的模态框头部样式，避免偏移
 */
  .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }

  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
  }
</style>